/**
 * SPDX-FileCopyrightText: 2023-2025 Sangfor Technologies Inc.
 * SPDX-License-Identifier: Mulan PSL v2
 */
<template>
    <div class="empty-content-wrap">
        <div class="content-wrap">
            <div class="null-img"></div>
        </div>
    </div>
</template>

<style lang="less">

.model-center-wrap {
    .empty-content-wrap {
        height: 100%;
        .content-wrap {
            display: flex;
            flex-direction: column;
            width: 1348px;
            margin: 90px auto;
            align-items: center;
            .null-img{
                margin-top: 80px;
                width: 1348px;
                height: 474px;
                background: url(../../img/project/null_big_project.png) no-repeat;
                background-size: 100% 100%;
            }      
           
        }
        .add-button{
            width: 200px;
            height: 50px;
            border-radius: 2px;
            display: block;
            margin: 0 auto;
        }
    }
}
@media screen and (max-width: 1366px) {
    .model-center-wrap{
        .empty-content-wrap{
            .content-wrap{
                width: 914px;
                .null-img{
                    width: 914px;
                    height: 322px;
                    background: url(../../img/project/null_small_project.png) no-repeat;
                    background-size: 100% 100%;
                }     
            }
        }
    }
}
</style>

<script lang=ts>
import { Vue, Component } from 'vue-property-decorator';


@Component
export default class EmptyProject extends Vue {

    title = _('AI项目流程')
};
</script>
